body,
html {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

.table-data-view {
    // width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    .table-list-view {
        flex: 1;
        width: 100%;
        height: 100%;
    }
}

.default-container {
    width: 100%;
    height: 100%;
}

.common-screen-view {
    width: 100%;
    min-height: 70px;
    display: flex;
    align-items: center;
    .common-screen-cell {
        display: flex;
        align-items: center;
        margin-right: 20px;
        .common-screen-title {
            display: inline-block;
            font-size: 16px;
            color: #333;
        }
        .el-input__inner {
            width: 200px;
        }
    }
}

.management-tree-view {
    width: 250px;
    min-width: 250px;
    height: 100%;
    overflow: auto;
    background: #fcfcfc;
}

.tree-arrow-view {
    width: 8px;
    min-width: 8px;
    height: 100%;
    margin-right: 10px;
    display: flex;
    align-items: center;
    .arrow-view {
        width: 8px;
        height: 50px;
        display: flex;
        align-items: center;
        background: #f0f0f0;
        justify-content: flex-start;
        i {
            margin-left: -4px;
            color: #999;
        }
    }
    .arrow-view:hover {
        background: #409eff;
        i {
            color: white;
        }
    }
}

.deptname-input {
    position: absolute;
    z-index: 1000;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.breadcrumb-view {
    width: 100%;
    min-height: 55px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    // padding: 0 20px;
    .breadcrumb-title {
        font-size: 20px;
        flex: 1;
        display: flex;
        font-weight: 550;
    }
    .breadcrumb-title::before {
        content: "";
        display: block;
        width: 4px;
        height: 18px;
        background: #409eff;
        border-radius: 2px;
        margin: 5px;
    }
}

/***********************elementUI组件样式调整 start*****************************/

.el-tree {
    //树形结构
    background: #fcfcfc;
    height: 100%;
}

.el-tree-node > .el-tree-node__children {
    overflow: auto;
}

.el-tree-node__content {
    height: 32px;
}

//导航菜单调整
.el-submenu__title {
    padding: 0;
    text-align: left;
    font-size: 16px;
}

.el-menu-item-group__title {
    padding: 0;
}

.el-menu-item {
    text-align: left;
}

.el-submenu .el-menu-item {
    padding-left: 70px !important;
}

.el-main {
    padding: 0px;
    width: 100%;
}

.warpper {
    padding: 12px;
    overflow-x: hidden;
    width: calc(100% / 12px);
}

//table组件
.el-table__placeholder {
    display: block;
}

.el-table th.el-table__cell > .cell {
    text-align: center;
}

.el-table .cell,
.el-table--border .el-table__cell:first-child .cell {
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.menu-table-view {
    .el-table .cell,
    .el-table--border .el-table__cell:first-child .cell {
        display: flex;
        justify-content: center;
    }
    .el-table tr td:nth-child(2) {
        .cell {
            justify-content: flex-start;
        }
    }
}

.login-cell {
    .el-input__inner {
        background-color: transparent;
        border: none;
        font-size: 16px;
    }
}

.el-range-editor.el-input__inner {
    width: 250px !important;
}

.set-roles-view {
    .el-tree-node {
        margin-left: 20px;
    }
}

.add-edit-notice-view {
    .w-e-text-container {
        height: 380px !important;
    }
}

.el-dialog__header {
    padding: 20px 36px 10px 36px !important;
    // margin-bottom: 30px;
    line-height: 200%;
    .el-dialog__title {
        font-size: 22px;
        font-weight: 550;
        color: #337ab7;
    }
}

.el-dialog__body {
    padding: 40px 20px !important;
    border-bottom: #0077aa solid 1px;
    border-top: #0077aa solid 1px;
}

.my-label {
    background-color: #d9edf7 !important;
    color: #31708f !important;
}
// 下拉列表的选中状态
.el-select-dropdown__item.selected {
    color: #606266 !important;
    font-weight: 500 !important;
}

/***********************elementUI组件样式调整 end*****************************/

/**************************/

::-webkit-scrollbar {
    width: 0;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    //滑块部分
    border-radius: 5px;
    background-color: #aaa;
}

::-webkit-scrollbar-track {
    //轨道部分
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-radius: 3px;
}
